.footer {
  width: 100%;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto; }

.footer__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-line-pack: center;
      align-content: center;
  padding: 0.4em 0;
  border-top: 1px solid #f2f2f2; }
  @media (min-width: 768px) {
    .footer__inner {
      -webkit-box-orient: initial;
      -webkit-box-direction: initial;
          -ms-flex-direction: initial;
              flex-direction: initial; } }
  .footer__inner.friend__links {
    -ms-flex-pack: distribute;
        justify-content: space-around;
    padding: 20px 0; }

.footer__left,
.footer__right {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: auto;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0.25em 0; }
  @media (min-width: 768px) {
    .footer__left,
    .footer__right {
      margin: 0;
      padding: 0; } }

@media (min-width: 768px) {
  .footer__left {
    padding-left: 1.5em; } }

@media (min-width: 768px) {
  .footer__right {
    padding-right: 1.5em; } }

.footer__middle {
  display: none; }
  @media (min-width: 768px) {
    .footer__middle {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 auto;
              flex: 0 0 auto;
      display: block; } }

.footer__icon {
  display: inline-block;
  height: 35px; }
  .footer__icon img {
    width: auto;
    height: 100%; }

.footer__link {
  font-size: 11px;
  color: #999999;
  -webkit-font-smoothing: subpixel-antialiased;
  -moz-osx-font-smoothing: auto; }
  .footer__link:not(:last-child) {
    margin-right: 1.5em; }
  .footer__link:hover {
    color: #333333; }

.footer__license {
  display: inline-block;
  height: 25px; }
  .footer__license img {
    width: auto;
    height: 100%;
    margin-left: 1px; }

.site {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  min-height: 100vh;
  overflow: hidden; }
  .site.nav-displayed {
    height: 100vh; }

/**
 * Styling
 *
 * This file contains the base styling for the site.
 *
 */
@font-face {
  font-family: 'Geomanist';
  src: url(/1ebd0482aadade65f20ec178219fe012.woff2) format("woff2"), url(/314bbcd238d458622bbf32427346774f.woff) format("woff");
  font-weight: 600;
  font-style: normal; }

/* Reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  margin: 0;
  padding: 0; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after, q:before, q:after {
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

*, *:before, *:after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

* {
  -webkit-box-sizing: inherit;
          box-sizing: inherit; }

html {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

body {
  font: 400 16px "Source Sans Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
  color: #2B3A42;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

a {
  color: #2086d7;
  text-decoration: none;
  -webkit-transition: color 250ms;
  transition: color 250ms; }
  a.icon-link {
    display: inline-block;
    font-size: 0.7em;
    margin-left: 16px;
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
    color: #b3b3b3; }
    a.icon-link:hover {
      color: #2086d7; }
  a:hover {
    color: #1a6aab; }

details:focus, summary:focus {
  outline: none;
  background: rgba(255, 255, 255, 0.03);
  border-radius: 2px; }

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  /* Style details arrow if on webkit */
  details summary::-webkit-details-marker {
    color: #8DD6F9; }
  summary::-webkit-details-marker {
    display: none; }
  summary:after {
    content: "\F103";
    float: left;
    position: relative;
    left: -2px;
    text-align: center;
    font-family: icons;
    color: #3192e0; }
  details[open] summary:after {
    content: "\F101";
    font-family: icons; } }

::-moz-selection {
  background: rgba(141, 214, 249, 0.35); }

::selection {
  background: rgba(141, 214, 249, 0.35); }

code[class*="lang-"],
pre[class*="lang-"] {
  text-align: left;
  white-space: pre;
  word-spacing: normal;
  word-break: normal;
  word-wrap: normal;
  line-height: 1.5;
  -moz-tab-size: 4;
    -o-tab-size: 4;
       tab-size: 4;
  -webkit-hyphens: none;
      -ms-hyphens: none;
          hyphens: none;
  color: #a5cee1;
  -webkit-font-smoothing: subpixel-antialiased;
  -moz-osx-font-smoothing: auto; }
  code[class*="lang-"] a,
  pre[class*="lang-"] a {
    color: inherit; }

/* Code blocks */
pre[class*="lang-"] {
  padding: .4em .8em;
  margin: .5em 0;
  overflow: auto;
  background-color: #2B3A42; }

/* Inline code */
:not(pre) > code[class*="lang-"] {
  padding: .2em;
  border-radius: .3em;
  -webkit-box-shadow: none;
          box-shadow: none;
  white-space: normal; }

.token.comment,
.token.prolog,
.token.doctype,
.token.cdata {
  color: #77858c; }

.token.punctuation {
  color: #e1e6e9; }

.namespace {
  opacity: .7; }

.token.property,
.token.tag,
.token.boolean,
.token.number,
.token.constant,
.token.symbol {
  color: #53b7e6; }

.token.selector,
.token.string,
.token.char,
.token.builtin,
.token.regex,
.token.attr-value,
.token.important {
  color: #4db277; }

.token.inserted {
  color: #9df29d; }

.token.deleted {
  color: #f79494; }

.token.operator,
.token.entity,
.token.url,
.language-css .token.string,
.toke.variable {
  color: #a9becc; }

.token.atrule,
.token.attr-name,
.token.keyword,
.token.function {
  color: #62b1d8; }

.token.important,
.token.bold {
  font-weight: bold; }

.token.italic {
  font-style: italic; }

.token.entity {
  cursor: help; }

.page__content {
  line-height: 1.5em; }
  .page__content h1 {
    font-size: 33px; }
  .page__content h2 {
    font-size: 28px; }
  .page__content h3 {
    font-size: 23px; }
  .page__content h4 {
    font-size: 19px; }
  .page__content h5 {
    font-size: 16px; }
  .page__content h6 {
    font-size: 13px; }
  .page__content h1, .page__content h2, .page__content h3, .page__content h4, .page__content h5, .page__content h6 {
    font-family: Geomanist, sans-serif;
    font-weight: 600;
    line-height: 1.4;
    margin: 1.5em 0 0.25em;
    color: #465E69; }
    .page__content h1:first-child, .page__content h2:first-child, .page__content h3:first-child, .page__content h4:first-child, .page__content h5:first-child, .page__content h6:first-child {
      margin-top: 0;
      line-height: 1; }
    .page__content h1 tt, .page__content h1 code, .page__content h2 tt, .page__content h2 code, .page__content h3 tt, .page__content h3 code, .page__content h4 tt, .page__content h4 code, .page__content h5 tt, .page__content h5 code, .page__content h6 tt, .page__content h6 code {
      font-size: 90%;
      color: inherit; }
  .page__content p, .page__content blockquote, .page__content table, .page__content pre {
    margin: 1em 0;
    font-size: 14px; }
  .page__content ul, .page__content ol, .page__content dl {
    margin: 0.5em 0 1em; }
  .page__content li {
    margin: 0.5em 0;
    font-size: 0.875em; }
  .page__content hr {
    border: none;
    background-color: #dedede;
    height: 3px;
    margin: 2em 0; }
  .page__content ul, .page__content ol {
    padding-left: 30px; }
    .page__content ul:first-child, .page__content ol:first-child {
      margin-top: 0; }
    .page__content ul:last-child, .page__content ol:last-child {
      margin-bottom: 0; }
  .page__content dl dt {
    font-size: 16px;
    font-weight: bold;
    font-style: italic;
    margin: 15px 0 5px; }
    .page__content dl dt:first-child {
      padding: 0; }
  .page__content dl dd {
    margin: 0 0 15px;
    padding: 0 15px; }
  .page__content dl dt > :first-child, .page__content dl dd > :first-child {
    margin-top: 0; }
  .page__content dl dt > :last-child, .page__content dl dd > :last-child {
    margin-bottom: 0; }
  .page__content blockquote {
    border-left: 4px solid #dddddd;
    padding: 0.75em 1em;
    color: #666666; }
    .page__content blockquote > :first-child {
      margin-top: 0; }
    .page__content blockquote > :last-child {
      margin-bottom: 0; }
    .page__content blockquote.tip, .page__content blockquote.warning, .page__content blockquote.todo {
      border-left: none;
      border-radius: 3px; }
      .page__content blockquote.tip .tip-content, .page__content blockquote.warning .tip-content, .page__content blockquote.todo .tip-content {
        font-style: italic; }
      .page__content blockquote.tip code, .page__content blockquote.warning code, .page__content blockquote.todo code {
        color: inherit; }
    .page__content blockquote.tip {
      background-color: #DCF2FD;
      color: #618ca0; }
    .page__content blockquote.warning {
      background-color: #fbedb7;
      color: #8c8466; }
    .page__content blockquote.todo {
      background-color: #fbddcd;
      color: #907a6e; }
      .page__content blockquote.todo .tip-content::before {
        content: '[TODO]: ';
        font-style: normal; }
  .page__content .table {
    margin: 1em 0; }
    @media (min-width: 768px) {
      .page__content .table {
        overflow-x: auto;
        overflow-y: hidden; } }
    .page__content .table-wrap {
      display: block;
      width: 100%; }
      @media (min-width: 768px) {
        .page__content .table-wrap {
          display: table;
          border-left: 1px solid #cccccc;
          border-bottom: 1px solid #cccccc; } }
    .page__content .table-tr {
      background-color: white;
      margin: 0;
      padding: 0.25em 0;
      display: block;
      border: 1px solid #cccccc;
      border-bottom: none; }
      @media (min-width: 768px) {
        .page__content .table-tr {
          border: none;
          padding: 0;
          display: table-row; } }
      .page__content .table-tr:nth-child(2n) {
        background-color: #f8f8f8; }
      .page__content .table-tr:last-child {
        border-bottom: 1px solid #cccccc; }
    .page__content .table-th {
      font-weight: bold;
      border-bottom: none;
      text-align: left;
      margin: 0;
      padding: 6px 12px;
      background: #f1f4f4; }
    .page__content .table-td {
      text-align: left;
      margin: 0;
      padding: 4px 12px; }
      .page__content .table-td img {
        max-width: none; }
      .page__content .table-td-title {
        display: block;
        width: 40%; }
        @media (min-width: 768px) {
          .page__content .table-td-title {
            display: none;
            width: auto; } }
      .page__content .table-td-content {
        display: block;
        width: 60%; }
        .page__content .table-td-content code {
          white-space: normal;
          word-break: break-word; }
        @media (min-width: 768px) {
          .page__content .table-td-content {
            width: auto; }
            .page__content .table-td-content code {
              word-break: normal;
              white-space: nowrap; } }
    .page__content .table-th, .page__content .table-td {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-preferred-size: 100%;
          flex-basis: 100%;
      -ms-flex-item-align: stretch;
          align-self: stretch; }
      @media (min-width: 768px) {
        .page__content .table-th, .page__content .table-td {
          border-top: 1px solid #cccccc;
          border-right: 1px solid #cccccc;
          display: table-cell; } }
    .page__content .table-header {
      display: none; }
      .page__content .table-header .table-tr {
        border-bottom: none; }
      @media (min-width: 768px) {
        .page__content .table-header {
          display: table-header-group; } }
    @media (min-width: 768px) {
      .page__content .table-body {
        display: table-row-group; } }
  .page__content img:not([class*="support__"]) {
    max-width: 100%;
    height: auto; }
  .page__content b, .page__content strong {
    font-weight: 600; }
  .page__content i, .page__content em {
    font-style: italic; }
  .page__content code, .page__content tt {
    font-family: "Source Code Pro", Consolas, "Liberation Mono", Menlo, Courier, monospace;
    font-size: 90%;
    margin: 0 2px;
    padding: 2px 6px;
    white-space: normal;
    background-color: rgba(70, 94, 105, 0.06);
    border-radius: 3px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6); }
  .page__content a code {
    color: #2086d7; }
  .page__content pre {
    background-color: rgba(238, 238, 238, 0.35);
    background-color: #2B3A42;
    font-size: 13px;
    line-height: 19px;
    overflow: auto;
    padding: 8px 16px;
    border-radius: 3px; }
    .page__content pre code {
      margin: 0;
      padding: 0;
      white-space: pre;
      border: none;
      background: transparent;
      text-shadow: 0 1px 0 rgba(23, 31, 35, 0.5);
      color: #a5cee1; }
      .page__content pre code .code-details-summary-span {
        margin-left: -15px;
        cursor: pointer; }
      .page__content pre code a {
        border-bottom: 1px dotted #1D78C1; }
      .page__content pre code .code-link {
        position: relative; }
        .page__content pre code .code-link:hover {
          color: #479ee3; }
    .page__content pre code, .page__content pre tt {
      background-color: transparent;
      border: none; }
  .page__content p code, .page__content p tt {
    max-width: 100%;
    line-height: initial;
    overflow: auto;
    margin: 0;
    vertical-align: middle;
    white-space: normal; }
  .page__content span code, .page__content span tt {
    white-space: pre-line; }

@font-face {
  font-family: "icons";
  src: url("data:application/font-woff;charset=utf-8;base64,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") format("woff");
}

[class*="icon-"] {
  line-height: 1;
}

[class*="icon-"]:before {
  font-family: icons !important;
  font-style: normal;
  font-weight: normal !important;
}

.icon-chevron-down:before {
  content: "\F101";
}
.icon-chevron-left:before {
  content: "\F102";
}
.icon-chevron-right:before {
  content: "\F103";
}
.icon-chevron-up:before {
  content: "\F104";
}
.icon-cross:before {
  content: "\F105";
}
.icon-edit:before {
  content: "\F106";
}
.icon-exit-right:before {
  content: "\F107";
}
.icon-github:before {
  content: "\F108";
}
.icon-gitter:before {
  content: "\F109";
}
.icon-link:before {
  content: "\F10A";
}
.icon-magnifying-glass:before {
  content: "\F10B";
}
.icon-medium:before {
  content: "\F10C";
}
.icon-menu:before {
  content: "\F10D";
}
.icon-stack-overflow:before {
  content: "\F10E";
}
.icon-vertical-bar:before {
  content: "\F10F";
}

.container {
  width: 100%;
  max-width: 1024px;
  margin: 0 auto; }

.notification-bar {
  color: #ffffff;
  background: #535353; }
  .notification-bar p {
    font-size: 14px; }
  .notification-bar a {
    color: #8DD6F9; }
    .notification-bar a:hover {
      color: #14aaf3; }
  .notification-bar--dismissed {
    display: none; }

.notification-bar__inner {
  position: relative;
  padding: 0.5em 1em; }
  @media (min-width: 768px) {
    .notification-bar__inner {
      padding: 0.5em 1.5em; } }

.notification-bar__close {
  position: absolute;
  font-size: 16px;
  top: 10px;
  right: 1em;
  padding: 0;
  border: none;
  cursor: pointer;
  color: #ffffff;
  background: none;
  -webkit-transition: color 250ms;
  transition: color 250ms; }
  .notification-bar__close:hover {
    color: #8DD6F9; }
  @media (min-width: 768px) {
    .notification-bar__close {
      right: 1.5em; } }

.navigation {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  -webkit-transition: background 250ms;
  transition: background 250ms;
  background: #2B3A42; }

.navigation__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  padding: 0.6em 1em; }
  @media (min-width: 768px) {
    .navigation__inner {
      padding: 0 1.5em; } }

.navigation__mobile {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 1.5em;
  position: absolute;
  top: .64em;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #ffffff;
  cursor: pointer;
  -webkit-transition: color 250ms;
  transition: color 250ms; }
  .navigation__mobile:active {
    color: #dedede; }
  @media (min-width: 768px) {
    .navigation__mobile {
      display: none; } }
  .navigation__mobile .icon-menu {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex; }

.navigation__logo {
  margin: auto; }

.navigation__links {
  display: none; }
  @media (min-width: 768px) {
    .navigation__links {
      -webkit-box-flex: 1;
          -ms-flex: 1 1 auto;
              flex: 1 1 auto;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      height: 56px;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: end;
          -ms-flex-pack: end;
              justify-content: flex-end; } }

.navigation__link {
  position: relative;
  display: inline-block;
  padding-bottom: 0.1em;
  margin-right: 1.5em;
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: #ffffff;
  -webkit-transition: all 250ms;
  transition: all 250ms;
  -webkit-font-smoothing: subpixel-antialiased;
  -moz-osx-font-smoothing: auto; }
  .navigation__link:hover {
    color: #8DD6F9; }
  .navigation__link.color-blue {
    color: #88d8ff; }
  .navigation__link--active:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 3px;
    top: 100%;
    left: 0;
    background: #8DD6F9; }

.navigation__search {
  display: none; }

.navigation__icon {
  display: none; }

@media (min-width: 768px) {
  .navigation__search {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    padding: 0.8em 0; }
    .navigation__search-input {
      padding: 0;
      border: none;
      background: transparent;
      width: 0;
      font-size: 14px;
      text-indent: 0.5em;
      border-bottom: 1px solid #465E69;
      margin-right: 0;
      color: #ffffff;
      text-shadow: 0 0 0 #f2f2f2;
      -webkit-transition: all 250ms;
      transition: all 250ms; }
      .navigation__search-input::-webkit-input-placeholder {
        color: #5a7988;
        text-shadow: none;
        -webkit-text-fill-color: initial; }
    .navigation__search-icon {
      font-size: 1em;
      padding: 0;
      border: none;
      cursor: pointer;
      color: #dedede;
      background: transparent;
      -webkit-transition: color 250ms;
      transition: color 250ms; }
      .navigation__search-icon.icon-cross {
        display: none; }
      .navigation__search-icon:hover {
        color: #8DD6F9; }
    .navigation__search-input:focus, .navigation__search-icon:focus {
      outline: none; }
  .navigation__icon {
    display: block;
    margin-left: 1em;
    color: #ffffff; }
    .navigation__icon:hover {
      color: #8DD6F9; }
  .navigation__languages {
    margin-left: 1em;
    margin-top: -4px; } }

@media (min-width: 768px) {
  .navigation--search-mode .navigation__link {
    pointer-events: none;
    overflow: hidden;
    white-space: nowrap;
    padding: 1.5em 0;
    margin-right: -35px;
    opacity: 0; }
  .navigation--search-mode .navigation__search-input {
    margin-right: 0.5em;
    width: 400px; }
  .navigation--search-mode .navigation__search-icon.icon-cross {
    display: block; }
  .navigation--search-mode .navigation__search-icon.icon-magnifying-glass {
    display: none; } }

.navigation__bottom {
  display: none; }
  @media (min-width: 768px) {
    .navigation__bottom {
      display: block;
      background: #f2f2f2; }
      .navigation__bottom .navigation__inner {
        -webkit-box-pack: end;
            -ms-flex-pack: end;
                justify-content: flex-end; } }

.navigation__child {
  font-size: 13px;
  margin: 0.5em 0 0.6em 2em;
  color: #2086d7;
  text-transform: uppercase;
  -webkit-font-smoothing: subpixel-antialiased;
  -moz-osx-font-smoothing: auto; }
  .navigation__child:first-of-type {
    margin-left: 0; }
  .navigation__child:hover {
    color: #8DD6F9; }
  .navigation__child--active {
    color: #333333;
    font-weight: 700; }

.algolia-autocomplete {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  position: relative; }
  .algolia-autocomplete .ds-dropdown-menu {
    -webkit-box-shadow: none;
            box-shadow: none; }
    .algolia-autocomplete .ds-dropdown-menu:before {
      content: none; }
    .algolia-autocomplete .ds-dropdown-menu [class^=ds-dataset-] {
      border-radius: 0;
      border-color: #8DD6F9;
      border-width: 2px 0;
      -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.25);
              box-shadow: 0 0 4px rgba(0, 0, 0, 0.25);
      padding: 0; }
    .algolia-autocomplete .ds-dropdown-menu .ds-suggestion.ds-cursor .algolia-docsearch-suggestion--content {
      background: rgba(141, 214, 249, 0.1) !important; }
  .algolia-autocomplete .algolia-docsearch-suggestion {
    padding: 0; }
  .algolia-autocomplete .algolia-docsearch-suggestion--wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0; }
  .algolia-autocomplete .algolia-docsearch-suggestion--text {
    color: #999999; }
    .algolia-autocomplete .algolia-docsearch-suggestion--text .algolia-docsearch-suggestion--highlight {
      color: #2086d7;
      -webkit-box-shadow: none;
              box-shadow: none;
      font-weight: bold; }
  .algolia-autocomplete .algolia-docsearch-suggestion--highlight {
    color: #2086d7;
    background: rgba(141, 214, 249, 0.15); }
  .algolia-autocomplete .algolia-docsearch-suggestion--category-header {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 0.9em;
    border-color: #dedede;
    color: #333333;
    margin: 0;
    padding: 6px 16px; }
  .algolia-autocomplete .algolia-docsearch-suggestion--subcategory-column {
    padding: 8px 16px 8px 12px;
    background: rgba(153, 153, 153, 0.08);
    display: block;
    color: transparent; }
  .algolia-autocomplete .algolia-docsearch-suggestion__secondary .algolia-docsearch-suggestion--subcategory-column {
    color: #666666; }
  .algolia-autocomplete .algolia-docsearch-suggestion--content {
    padding: 8px 16px 8px 12px; }
  .algolia-autocomplete .ds-suggestion:nth-child(n+2) .algolia-docsearch-suggestion--category-header {
    border-top: 1px solid #dedede; }
  .algolia-autocomplete .algolia-docsearch-suggestion--title {
    color: #333333; }
  .algolia-autocomplete .ds-suggestion:last-child .algolia-docsearch-suggestion--subcategory-column,
  .algolia-autocomplete .ds-suggestion:last-child .algolia-docsearch-suggestion--content {
    padding-bottom: 26px; }
  .algolia-autocomplete .algolia-docsearch-footer {
    position: absolute;
    bottom: 4px;
    right: 16px; }
  .algolia-autocomplete .aa-suggestion-title-separator {
    color: #999999; }

.sidebar-mobile {
  position: fixed;
  width: 300px;
  height: 100vh;
  z-index: 100;
  top: 0;
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
  -webkit-transform: translate3D(-100%, 0, 0);
          transform: translate3D(-100%, 0, 0);
  -webkit-transform: translate3D(calc(-100% + 5px), 0, 0);
          transform: translate3D(calc(-100% + 5px), 0, 0);
  -webkit-transition: all 500ms cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 500ms cubic-bezier(0.23, 1, 0.32, 1); }
  @media (min-width: 768px) {
    .sidebar-mobile {
      display: none; } }
  .sidebar-mobile--visible {
    -webkit-transform: translate3D(0, 0, 0);
            transform: translate3D(0, 0, 0); }
  .sidebar-mobile.no-delay {
    -webkit-transition-duration: 0ms;
            transition-duration: 0ms; }

.sidebar-mobile__toggle {
  position: absolute;
  top: 45px;
  bottom: 0;
  width: 32px;
  left: 285px; }

.sidebar-mobile__content {
  position: relative;
  width: 285px;
  height: 100vh;
  overflow-x: hidden;
  padding: 12px 0;
  background: #ffffff;
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
          box-shadow: 0 0 15px rgba(0, 0, 0, 0.2); }

.sidebar-mobile__close {
  position: absolute;
  cursor: pointer;
  right: 22px;
  top: 22px;
  font-size: 1.3em;
  background: #1D78C1;
  color: #ffffff;
  width: 30px;
  height: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 50%;
  -webkit-transition: background 150ms;
  transition: background 150ms;
  -webkit-tap-highlight-color: transparent; }
  .sidebar-mobile__close:hover {
    background: #104168; }

.sidebar-mobile__section {
  border-left: 2px solid transparent;
  padding-bottom: 0.5em; }
  .sidebar-mobile__section--active {
    border-left: 2px solid #8DD6F9; }
    .sidebar-mobile__section--active .sidebar-mobile__section-header {
      color: #658797; }

.sidebar-mobile__section-header {
  text-transform: uppercase;
  color: #2B3A42;
  padding: 0.75em 16px 0.25em;
  font-weight: 600;
  display: block; }
  .sidebar-mobile__content div:not(:first-of-type) .sidebar-mobile__section-header {
    border-top: 1px solid #dedede; }

.sidebar-mobile__page {
  display: block;
  padding: 0.5em 17px;
  text-transform: capitalize;
  color: #666666;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  font-size: 14px; }
  .sidebar-mobile__page:active, .sidebar-mobile__page--active {
    color: #333333;
    font-weight: 600;
    background: #F1F4F4; }
  .sidebar-mobile__page:hover {
    color: inherit; }

.sidebar-item {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  font-size: 15px;
  margin: 0.6em 0; }
  .sidebar-item__toggle {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    margin-top: 0.125em;
    margin-right: 0.5em;
    cursor: pointer;
    color: #1D78C1;
    -webkit-transition: all 250ms;
    transition: all 250ms; }
    .sidebar-item__toggle:hover {
      color: #333333; }
  .sidebar-item__title {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    font-weight: 600;
    color: #666666;
    max-width: 85%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis; }
  .sidebar-item__anchors {
    position: relative;
    display: none;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin: 0.35em 0;
    padding-left: 1.5em;
    overflow: hidden;
    list-style: none;
    line-height: 19px; }
    .sidebar-item__anchors:before {
      content: '';
      position: absolute;
      height: calc(100% - 0.6em);
      top: 0;
      left: 1.5em;
      border-left: 1px dashed #999999; }
  .sidebar-item__anchor {
    position: relative;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    margin: 0.25em 0;
    padding-left: 1em;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis; }
    .sidebar-item__anchor:first-child {
      margin-top: 0; }
    .sidebar-item__anchor:last-child {
      margin-bottom: 0; }
    .sidebar-item__anchor:before {
      content: '';
      position: absolute;
      width: 0.5em;
      left: 0;
      top: 60%;
      border-bottom: 1px dashed #999999; }
    .sidebar-item__anchor a {
      color: #535353; }
      .sidebar-item__anchor a:hover {
        color: #1D78C1; }
  .sidebar-item--open .sidebar-item__anchors {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .sidebar-item--open .sidebar-item__toggle {
    -webkit-transform-origin: center center;
            transform-origin: center center;
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg); }
  .sidebar-item--disabled .sidebar-item__toggle {
    color: #AAA; }

.logo {
  float: left;
  width: auto;
  height: 35px;
  opacity: 0.9;
  -webkit-transition: opacity 250ms;
  transition: opacity 250ms; }
  .logo:hover {
    opacity: 1; }

.dropdown {
  position: relative;
  color: #fff;
  cursor: pointer; }

.dropdown__language {
  width: 20px;
  height: 20px;
  vertical-align: middle; }

.dropdown__arrow:before {
  content: "\25BE"; }

.dropdown__list {
  display: none;
  position: absolute;
  top: 100%;
  right: 0;
  margin: auto;
  background-color: #2B3A42;
  z-index: 1;
  font-size: 14px; }
  .dropdown__list ul {
    padding-top: 0.25em; }
  .dropdown__list ul li {
    padding: 0.25em 0.5em;
    list-style: none;
    color: #fff;
    -webkit-transition: all 250ms;
    transition: all 250ms; }
    .dropdown__list ul li a:link, .dropdown__list ul li a:visited, .dropdown__list ul li a:hover {
      color: #fff; }
    .dropdown__list ul li:hover {
      background: #1D78C1; }
    .dropdown__list ul li span {
      vertical-align: top;
      text-align: left; }

.dropdown__list--active {
  display: block; }

.navigation__hrefs {
  margin-left: 40px; }
  .navigation__hrefs .dropdown__list {
    width: 142px; }

.page-links {
  position: absolute;
  display: none;
  top: 1.5em;
  right: 1.5em;
  font-weight: 600;
  text-transform: uppercase; }
  .page-links__gap {
    margin: 0 1em; }
  .page-links__link {
    font-size: 13px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex; }
  .page-links__icon {
    -ms-flex-item-align: center;
        align-self: center;
    font-size: 0.9em;
    margin-left: 0.5em; }
  @media (min-width: 768px) {
    .page-links {
      display: block; } }

.contributors__list {
  font-size: 14px;
  margin-left: -0.5em;
  padding-right: 75px; }

.contributor {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0.5em; }
  .contributor img {
    height: 45px;
    width: 45px;
    border-radius: 50%;
    -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
            box-shadow: 0 0 2px rgba(0, 0, 0, 0.3); }
  .contributor .contributor__name {
    width: 110px;
    margin-top: -6px;
    padding: 0 6px;
    line-height: 1.4;
    border-radius: 2px;
    text-align: center;
    overflow-wrap: break-word;
    -webkit-hyphens: auto;
        -ms-hyphens: auto;
            hyphens: auto;
    color: #465E69;
    -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
            box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
    background: rgba(255, 255, 255, 0.95);
    -webkit-transition: color 0.1s;
    transition: color 0.1s; }
  .contributor:hover .contributor__name {
    color: #2086d7; }

.page {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.page > div:first-of-type {
  display: none;
  position: relative;
  overflow: hidden; }
  @media (min-width: 768px) {
    .page > div:first-of-type {
      display: block;
      -webkit-box-flex: 0;
          -ms-flex: 0 0 280px;
              flex: 0 0 280px; } }

.page__content {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  overflow-x: hidden;
  padding: 1.5em 1em; }
  @media (min-width: 768px) {
    .page__content {
      -webkit-box-flex: 3;
          -ms-flex: 3;
              flex: 3;
      padding: 1.5em; } }

.sidebar {
  display: none;
  width: 100%;
  max-height: 100%;
  overflow: auto;
  will-change: transform; }
  @media (min-width: 768px) {
    .sidebar {
      display: block; } }

.sidebar__inner {
  padding: 1.5em;
  overflow: hidden; }

.sidebar__group {
  margin-top: 1em;
  margin-left: 0.15em;
  font-weight: 600;
  text-transform: uppercase;
  color: #999999; }

.gitter {
  float: right; }

.gitter__button {
  position: fixed;
  display: none;
  padding: 1em;
  bottom: 1.5em;
  margin-left: -3.25em;
  border-radius: 100%;
  background: #59bcb7;
  cursor: pointer;
  will-change: transform;
  -webkit-transition: background 250ms;
  transition: background 250ms; }
  .gitter__button:hover {
    background: #41a19c; }
  @media (min-width: 768px) {
    .gitter__button {
      display: block; } }

.gitter__icon {
  display: block;
  font-size: 1.25em;
  height: 1em;
  overflow: hidden;
  color: #ffffff; }

.support {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0 0.5em 1em; }
  .support__description {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    margin-bottom: 1em; }
  .support__rank {
    text-transform: capitalize; }
    .support__rank:after {
      content: ' '; }
  .support__item {
    position: relative;
    margin: 0 2px 2px 2px; }
  .support__latest-avatar {
    height: 64px;
    max-width: 192px; }
  .support__bronze-avatar {
    height: 32px;
    max-width: 96px; }
  .support__silver-avatar {
    height: 64px;
    max-width: 192px; }
  .support__gold-avatar {
    height: 96px; }
  .support__platinum-avatar {
    height: 128px; }
  .support__backer-avatar {
    display: inline-block;
    width: 31px;
    height: 31px;
    border-radius: 50%;
    border: 1px solid white;
    overflow: hidden; }
  .support__outline {
    position: absolute;
    top: 0;
    margin: -1px;
    width: calc(100% + 2px);
    height: calc(100% - 4px);
    border-radius: 50%;
    border: 1px solid #70ca0a; }
  .support__bottom {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    margin-top: 1em; }
  .support__button {
    display: inline-block;
    padding: 0.4em 1em;
    text-transform: uppercase;
    color: #1D78C1;
    border: 1px solid #1D78C1;
    border-radius: 1.25em;
    -webkit-transition: all 250ms;
    transition: all 250ms; }
    .support__button:hover {
      background: #1D78C1;
      color: #ffffff; }

.splash {
  /* XXX: Hack to fix markown parsing issues */ }
  .splash__section {
    position: relative;
    text-align: center; }
    .splash__section--dark {
      background-color: #f3f3f3; }
    .splash__section p {
      margin: 1em auto !important;
      max-width: 800px; }
    .splash__section .container {
      padding: 5em 1em; }
      @media (min-width: 768px) {
        .splash__section .container {
          padding-left: 1.5em;
          padding-right: 1.5em; } }
    .splash__section pre {
      text-align: left; }
    .splash__section .icon-link {
      display: none; }
  .splash__wrap {
    display: block; }
    @media (min-width: 768px) {
      .splash__wrap {
        margin: 0 -30px; } }
    .splash__wrap:before, .splash__wrap:after {
      content: " ";
      display: table; }
    .splash__wrap:after {
      clear: both; }
  .splash__left, .splash__right {
    width: 100%;
    float: left; }
    @media (min-width: 768px) {
      .splash__left, .splash__right {
        width: 50%;
        padding: 0 15px; } }
  .splash__right {
    margin-bottom: 1em; }

.splash-viz {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: calc(100vh - 55px);
  min-height: 320px;
  max-height: 720px;
  background: #2B3A42;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }
  .splash-viz__heading {
    color: #ffffff;
    font-size: 33px;
    text-align: center;
    font-weight: 200;
    margin-top: 24px; }
    @media (min-width: 768px) {
      .splash-viz__heading {
        font-size: 40px; } }
  .splash-viz__modules {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    bottom: 0;
    width: 75vw;
    min-width: 550px;
    max-width: 1024px;
    margin: 0 auto;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    display: none; }
    @media (min-width: 768px) {
      .splash-viz__modules {
        display: table; } }
    .splash-viz__modules img {
      padding-top: 1.5em;
      width: 100%;
      height: 100%; }
  .splash-viz__cube {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    z-index: 1; }

.cube {
  position: relative;
  display: block;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  -webkit-transform: rotateX(-33.5deg) rotateY(45deg);
          transform: rotateX(-33.5deg) rotateY(45deg); }
  .cube__inner, .cube__outer {
    display: inline-block;
    -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d;
    -webkit-transition: -webkit-transform 1000ms;
    transition: -webkit-transform 1000ms;
    transition: transform 1000ms;
    transition: transform 1000ms, -webkit-transform 1000ms; }
  .cube__inner {
    position: absolute;
    top: -2px;
    left: 0; }
  .cube__face {
    position: absolute;
    width: 100%;
    height: 100%;
    border: 1px solid #ffffff; }
  .cube .cube__outer .cube__face {
    background: rgba(141, 214, 249, 0.5);
    -webkit-transition: border-width 0.2s;
    transition: border-width 0.2s;
    -webkit-transition-delay: 0.2s;
            transition-delay: 0.2s; }
  .cube .cube__inner .cube__face {
    background: #1D78C1;
    border: 2px solid #ffffff; }

.text-rotater {
  overflow: hidden;
  position: relative;
  display: inline-block;
  padding: 0 0.3em;
  vertical-align: bottom; }
  .text-rotater::after, .text-rotater::before {
    content: '';
    position: absolute;
    height: 3px;
    left: 0; }
  .text-rotater::after {
    top: 0;
    background-image: -webkit-gradient(linear, left top, left bottom, from(getColor(elephant)), to(transparent));
    background-image: linear-gradient(getColor(elephant), transparent); }
  .text-rotater::before {
    bottom: 0;
    z-index: 1;
    background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(getColor(elephant)));
    background-image: linear-gradient(transparent, getColor(elephant)); }
  .text-rotater > * {
    display: inline-block; }

.text-rotater--slide-up {
  -webkit-transition: -webkit-transform 1s;
  transition: -webkit-transform 1s;
  transition: transform 1s;
  transition: transform 1s, -webkit-transform 1s;
  -webkit-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
          transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
  -webkit-transform: translateY(-100%);
          transform: translateY(-100%); }

.text-rotater__wrap {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  text-align: left; }
  .text-rotater__wrap > * {
    -ms-flex-negative: 0;
        flex-shrink: 0; }

.currency-icon{display:inline-block}.currency-icon--influence{fill:#1d78c1}.currency-icon--goldenInfluence{fill:#f9bf3b}.currency-icon--support{fill:green}.influence{-webkit-box-flex:1;-ms-flex:1 1 50%;flex:1 1 50%}.influence:first-child{margin-right:1em}.influence__header{font-size:1.5em;margin-bottom:.25em}.influence__description{line-height:1.5}.influence__description em{font-weight:bolder}.influence__description i{font-style:italic}.dropdown{position:relative}.dropdown__menu{position:absolute;top:calc(100% + 12px);right:0;-webkit-box-shadow:0 1px 2px;box-shadow:0 1px 2px;border-radius:3px;background:#f2f2f2}.dropdown__tip{position:absolute;top:-8px;right:4px;margin:0;padding:0;border-left:8px solid transparent;border-bottom:8px solid #f2f2f2;border-right:8px solid transparent}.dropdown__option{display:block;width:100%;font-size:12.8px;padding:.25em 1em;border:none;outline:none;text-align:right;background:transparent;-webkit-transition:background .25s;transition:background .25s}.dropdown__option:not(:last-of-type){border-bottom:1px solid #dedede}.dropdown__option:hover{background:#dedede}.account{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;position:relative}.account__login{display:-webkit-box;display:-ms-flexbox;display:flex;border:none;outline:none;color:#fff;background:#2b3a42;padding:5px 10px;border-radius:5px;font-size:13px;cursor:pointer;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.account__login:hover{background:#000}.account__login:active{background:#2b3a42}.account__login svg{padding-left:5px}.account__info,.account__inner{display:-webkit-box;display:-ms-flexbox;display:flex}.account__info{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;font-size:12.8px;margin:0 .5em;-ms-flex-pack:distribute;justify-content:space-around;text-align:right}.account__title{font-weight:600}.account__separator{margin:0 .5em;color:#dedede}.account__currency{cursor:help}.account__currency:last-child{margin-left:1em}.account__currency :last-child{margin-left:.5em}.account__avatar{display:inline-block;width:35px;height:35px;border-radius:100%;font-size:12.8px;line-height:2.75;text-align:center;text-overflow:ellipsis;cursor:pointer;background:#f5f5f5;overflow:hidden;-webkit-transition:background .25s;transition:background .25s}.account__avatar:hover{background:#dedede}.votes{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;line-height:1}.votes__currency{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin-right:12px}.votes__down,.votes__up{display:block;width:0;padding:0;margin:0 auto;border-left:6px solid transparent;border-right:6px solid transparent;cursor:pointer;-webkit-transition:border-color .25s;transition:border-color .25s}.votes__up{border-bottom:6px solid #8dd6f9;margin-bottom:3px}.votes__up:hover{border-bottom:6px solid #1d78c1}.votes__down{border-top:6px solid #999;margin-top:3px}.votes__down:hover{border-top:6px solid #535353}.votes__multiplier{margin-left:6px;font-size:.75em;color:#999}.topic{margin-bottom:24px;font-size:12.8px}.topic,.topic__content,.topic__vote{display:-webkit-box;display:-ms-flexbox;display:flex}.topic__content,.topic__vote{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.topic__content{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto}.topic__content [class*=__inner]{border-width:0 0 2px 2px}.topic input,.topic textarea{padding:0;outline:none;border:none;-webkit-box-shadow:none;box-shadow:none;font-family:inherit;font-size:inherit;font-weight:inherit;color:inherit;background:transparent}.topic__title{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;font-weight:600;padding:.55em 1em .5em;text-transform:uppercase;background:rgba(70,94,105,.25)}.topic__title--vote{background:#465e69;text-align:right;font-weight:400;color:#fff}.topic__title input{width:90%}.topic__settings{float:right;max-height:15px;cursor:pointer}.topic__settings path{fill:#1d78c1;-webkit-transition:fill .25s;transition:fill .25s}.topic__settings:hover path{fill:#465e69}.topic__inner{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;border:2px solid rgba(70,94,105,.25);border-width:0 2px 2px}.topic__content [class*=__inner]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.topic__description{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;padding:1em;line-height:1.5}.topic__description textarea{width:100%!important;line-height:1.5;resize:none}.topic__save{margin-left:1em}.topic__save,.topic__sponsors{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}.topic__sponsors{padding:1em}.topic__people{margin-top:.25em}.topic__vote{-webkit-box-flex:0;-ms-flex:0 0 250px;flex:0 0 250px}.topic__vote [class*=__inner]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;padding-top:1em}.topic__field,.topic__total{font-size:24px}.topic__field{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;padding:0 16px;margin-bottom:.5em}.topic__field:first-child:after{content:"+";margin-left:12px}.topic__total{padding:.25em 16px;text-align:right;border-top:2px solid rgba(70,94,105,.25)}@media (max-width:720px){.topic{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;font-size:1rem;border:2px solid rgba(70,94,105,.25)}.topic [class*=__sponsors],.topic [class*=__title--vote]{display:none}.topic [class*=__inner]{border:none}.topic [class*=__vote]{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;margin-top:1em}.topic [class*=__field]{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.topic [class*=__total]{text-align:left}}.create-topic{text-align:left}.wrapper{margin:1.5em}.wrapper__top{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.wrapper__title{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;margin:0;font-size:2em}.wrapper__description{margin:1em 0;line-height:1.5}.wrapper__influences{display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:1em}.wrapper__topics{padding:0;list-style:none}.wrapper__new{text-align:center}.wrapper__add{font-size:14px;font-weight:600;color:#1d78c1;cursor:pointer;-webkit-transition:color .25s;transition:color .25s}.wrapper__add:hover{color:#465e69}@media (max-width:720px){.wrapper [class*=__top]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.wrapper [class*=__top] .account__info{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2;text-align:left}.wrapper [class*=__influences]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.wrapper [class*=__influences] .influence{margin-bottom:1em}}
.vote h1, .vote h2, .vote h3, .vote h4, .vote h5, .vote h6 {
  font-family: Geomanist, sans-serif;
  font-weight: 600;
  color: #465E69; }

.organization {
  padding: 1.5em; }

.organization__projects {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }
  @media (min-width: 768px) {
    .organization__projects {
      -webkit-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start; } }

.organization__project {
  width: 280px;
  height: 420px;
  margin-right: 1em;
  margin-bottom: 1em;
  padding: 1em;
  border-radius: 2px;
  -webkit-box-shadow: 0 0 1px #666666;
          box-shadow: 0 0 1px #666666;
  overflow: hidden;
  background: #f2f2f2;
  -webkit-transition: all 250ms;
  transition: all 250ms; }
  .organization__project:hover {
    -webkit-box-shadow: 0 0 5px #535353;
            box-shadow: 0 0 5px #535353;
    background: white; }

.starter-kits {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  padding: 1.5em; }

.starter-kits__tag {
  display: inline-block;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.5em;
  margin: 0 0.25em 0.25em;
  padding: 0 0.5em;
  border-radius: 0.25em;
  color: #ffffff;
  background: #8DD6F9; }

